<template>
  <view class="price_share">
    <view class="prices">
      <view v-if="currentPrice" class="money">
        ￥
        <span class="current_price">
          {{ currentPrice }}
        </span>
      </view>
      <view class="mone_origin">
        <view v-if="originalPrice" class="">定价￥
          <span class="origin_price">{{ originalPrice }}</span>
        </view>
      </view>
    </view>
    <view class="tips-conent">
      <!-- #ifdef MP-WEIXIN  -->
      <view>{{ shareTimes }}人分享</view>
      <!-- #endif -->
    </view>
  </view>
</template>

<script>
export default {
  props: {
    currentPrice: {
      type: String || Number,
      default: ''
    },
    originalPrice: {
      type: String || Number,
      default: ''
    },
    shareTimes: {
      type: String || Number,
      default: ''
    }
  }
}
</script>

<style scoped>

.price_share {
	display: flex;
	justify-content: space-between;
	padding: 0 3%;
	align-items: baseline;
	margin-bottom: 20rpx;
}

.prices {
	display: flex;
	align-items: baseline;
}

.money {
	font-size: 36rpx;
	font-weight: bold;
	color: rgba(242, 85, 0, 1);
}
.current_price {
	font-size: 46rpx;
}

.mone_origin {
	margin-left: 25rpx;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
}

.origin_price {
	text-decoration: line-through;
}

.tips-conent {
	font-size: 24rpx;
	color: rgba(153, 153, 153, 1);
	margin: 10rpx 3%;
}
</style>
